<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue的生命周期函数</title>
		<script src="../vue@3.2.23.js"></script>
	</head>
	<body>
		<div id="app">
			
		</div>
	</body>
</html>
<script>
	const {createApp,ref} = Vue;
	const app = createApp({
		data() {
			return{
				
			}
		},
		method:{
			
		},
		beforeCreate(){
			console.log('创建App之前执行的函数');
		},
		created() {
			console.log("创建之后执行的函数")
		},
		beforeMount() {
			console.log("在模板挂载之前要执行的上述")
		},
		mounted() {
			console.log("在模板挂载之后要执行的上述")
		},
		beforeUpdate() {
			console.log("数据被修改之前要执行的上述")
		},
		updated() {
			console.log("数据被修改之后要执行的上述")
		},
		beforeUnmount() {
			console.log("卸载模板之前要执行的函数")
		},
		unmounted() {
			console.log("卸载模板之后要执行的函数")
		}
	});
	
	const vm = app.mount("#app")
</script>